<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>订餐管理系统</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
		<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
		<link rel="stylesheet" href="assets/css/ace.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<style type="text/css">
	*{
		padding:0;
		margin: 0;
	}
	.header{
		width:100%;
		height:150%;
		background-color:#438eb9;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.header>div{
		width:1400px;
		margin: 0 auto;
		position: relative;
	}
	.author{
		width:350;
	}
	.header>div>div{
		width:200px;
		position: relative;;
		float: right;
		margin-top:30px;
	}
	.uimage{
		width:60px;
		height:60px;
		border-radius: 28px;
		border:1px solid #fff;
	}
	.uname{
		color:#fff;
		position: absolute;
		top:0;
		bottom: 0;
		line-height: 60px;
		left:75px;
		cursor: pointer;
		
	}
	body{
		font-size: 20px;
		color:#585858;
		font-family: kaiti;
	}
	.menu{
		display: inline-block;
		width: 10px;
		height: 17px;
		content:"\f0d7";
	}
	#userinfo{
		display:none;
		width:280px;
		background-color:#438eb9;
		border:2px solid #fff;
		position:absolute;
		top:183px;
		right: 30px; 
	}
	.uimage-big{
		display:block;
		width:100px;
		height:100px;
		border-radius: 50px;
		margin:10px auto;
		border:2px solid #fff;
	}
	.uname1{
		text-align:center;
		color:#fff;
	}
	#userinfo>.exit{
		height: 40px;
		background-color: #f9f9f9;
		text-align: right;
		margin-top: 10px;
	}
	#userinfo>.exit>span{
		font-size: 18px;
		margin-right: 20px;
		border:1px solid #585858;
		line-height: 40px;
		padding:2px 4px;
		cursor: pointer;
	}
	#userinfo>.exit>span:hover{
		background-color:#eee;
	}
	.body>.menu_style{
		width:190px;
		height:800px;
		background-color: #eee;
		float: left
	}
	.body>.main-content{
	height:800px;
	background-color: pink;
	}
	.footer{
	background-color:#438eb9;
		width: 100%;
		height: 30px;
		text-align: center;
		color:#fff;
		line-height: 30px;
	}
	#nav_list>li>a{
		font-size: 16px;
	}
	.nav-list li.submenu{
		overflow: hidden;
	}
	.breadcrumb>li>a{
		display:block;
		font-size: 16px;
	}

</style>
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('.uname').click(function(){
			$('#userinfo').toggle(500);
		});
		
		$('.exit>span').click(function(){
			alert("退出登录");
		});
		
		$('.dropdown-toggle').click(function(){
			$(this).next().toggle(500);
			
		});
	});


</script>
</head>
<body>
	<div class="header">
	<div>
		<img src="images/name.png" class="project"/>
		<img src="images/class.png" class="author"/>
	<div>
		<img src="images/user.jpg" class="uimage"/>	
		<span class="uname">管理员</span>
	  </div>
	  <div id="userinfo">
		<img src="images/user.jpg" class="uimage-big"/>
		<div class="uname1">管理员</div>
		<div class="exit">
			<span>退出</span>
		</div>
	  </div>
	 </div>
	</div>
	<div class="body">
		<div id="menu_style" class="menu_style" tabindex="5000" style="overflow: hidden;outline: none;">
			<ul class="nav nav-list" id="nav_list" style="height:708px;">
			   <li class="home"><a href="javascript:void(0)" name="home.html" class="iframeurl" title="">
				   <i class="icon-home">
				   </i><span class="menu-text"> 系统首页 </span>
			     </a>
			   </li>
			   
               <li class="">
               	<a href="#" class="dropdown-toggle">
	                <i class="icon-desktop">
	                </i><span class="menu-text"> 用户管理 </span>
	                <b class="arrow icon-angle-down">
              	 </b>
                </a>
               
					   <ul class="submenu" id ="Sort_link_0" style="display: none;">
                         <li class="home" style="height: 36.6667px;">
	                         <a  href="javascript:void(0)" name="Products_List.html"  title="添加用户" class="iframeurl">
	                         <i class="icon-double-angle-right">
                         </i>添加用户</a>
                         </li>
						 
						 <li class="home" style="height: 36.6667px;">
							 <a href="javascript:void(0)" name="Category_Manage.html" title="查看用户"  class="iframeurl">
							 <i class="icon-double-angle-right">
							 </i>查看用户</a>
						 </li>

					   </ul>
					</li>
					<li class="">
						<a href="#" class="dropdown-toggle">
						<i class="icon-picture "></i>
						<span class="menu-text"> 菜品管理 </span>
						<b class="arrow icon-angle-down">
						</b>
					</a>
					
						<ul class="submenu" id="Sort_link_1" style="display: none;">
						
						<li class="home" style="height: 36.5px;">
						<a href="javascript:void(0)" name="advertising.html" title="添加菜品" class="iframeurl">
						<i class="icon-double-angle-right"></i>添加菜品</a>
						</li>
						
						<li class="home" style="height: 36.5px;">
						<a href="javascript:void(0)" name="Sort_ads.html" title="查看菜品"  class="iframeurl">
						<i class="icon-double-angle-right"></i>查看菜品</a>
						</li>
						
							</ul>
						</li>
					<li class="">
					<a href="#" class="dropdown-toggle"><i class="icon-list"></i><span class="menu-text"> 订单管理 </span>
					<b class="arrow icon-angle-down"></b>
					</a>
					
                    <ul class="submenu" id="Sort_link_2" style="display: none;">
                    
                    <li class="home" style="height: 36.5px;">
	                    <a href="javascript:void(0)" name="transaction.html" title="添加订单"  class="iframeurl">
	                    <i class="icon-double-angle-right">
	                    </i>添加订单</a>
                    </li>
                    
					<li class="home" style="height: 36.5px;">
						<a href="javascript:void(0)" name="Order_Chart.html" title="查看订单"  class="iframeurl">
						<i class="icon-double-angle-right">
						</i>查看订单</a>
					</li>
                   </ul>
                  </li>
                 </ul>
		</div>
		<div class="main-content">
		<div class="breadcrumbs" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="index.html">首页</a>
							</li>
							<li class="active"><span class="Current_page iframeurl"></span></li>
                            <li class="active" id="parentIframe"><span class="parentIframe iframeurl"></span></li>
							<li class="active" id="parentIfour"><span class="parentIfour iframeurl"></span></li>
						</ul>
			</div>
			<iframe id="iframe" style="border: 0px; width: 100%; background-color: rgb(255, 255, 255); 
			height: 701px;" name="iframe" frameborder="0" src="user.html">
			  </iframe>
		</div>
	</div>
	<div class="footer">
		Copy 2022 蜀ICP备XXXXXXXX号-1 联系我们：66666666
	</div>
</body>
</html>